<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>抛枕头</title>
		<link rel="stylesheet" type="text/css" href="css/game.css"/>
	</head>
	<body>
		<div class="web">
			<img src="img/game/bg_back.jpg"/>
			<div class="loading">
				<img src="img/game/loading.jpg" alt="" />
				<p class="progress">
					
				</p>
			</div>
			<div class="tips">
				<p>
					<img src="img/game/tips1.png" alt="" />
				</p>
			</div>
			<div class="title">
				<img src="img/game/title.png"/>
			</div>
			<div class="pillow">
				<div class="pillow-wrap"></div>
			</div>
			<div class="scene">
				<div class="cloud"></div>
				<div class="guidepost sun">
					<img src="img/game/pao1.png" alt="" />
				</div>
				<div class="guidepost mercury">
					<img src="img/game/pao2.png" alt="" />
				</div>
				<div class="guidepost venus">
					<img src="img/game/pao3.png" alt="" />
				</div>
				<div class="guidepost earth">
					<img src="img/game/pao4.png" alt="" />
				</div>
				<div class="guidepost mars">
					<img src="img/game/pao5.png" alt="" />
				</div>
				<div class="guidepost jupiter">
					<img src="img/game/pao6.png" alt="" />
				</div>
				<div class="guidepost saturn">
					<img src="img/game/pao7.png" alt="" />
				</div>
				<div class="guidepost uranus">
					<img src="img/game/pao8.png" alt="" />
				</div>
				<div class="guidepost nepture">
					<img src="img/game/pao9.png" alt="" />
				</div>
				<div class="begin">
					<img src="img/game/begin_paodao_bg.png" alt="" />
				</div>			
			</div>
			<div class="ending">
				<img src="img/game/end_paodao_bg.png" alt=""/>
			</div>
			<div class="enegry">
				<canvas class="number" width="80" height="40"></canvas>
				<div class="power">
					<img src="img/game/power_wrap.png"/>
				</div>
			</div>
			<div class="score">
				<div class="inner">
					<div class="top">
						<canvas class="current"></canvas>
						<canvas class="history"></canvas>
					</div>
					<p class="bottom">恭喜您抛出了<span>37322</span>光年，击败了<span>83%</span>的玩家！
并获得一次抽奖机会！</p>
				</div>
				<div class="btn clearfix">
					<a href="game.html" class="play-again">
						<img src="img/game/repeat_play_btn.png" alt="" />
					</a>
					<a href="lottery.html" class="lottery">
						<img src="img/game/lottery_btn.png" alt="" />
					</a>
				</div>
			</div>
		</div>
		<script src="js/reset.js"></script>
		<script src="js/loading.js"></script>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/game.js"></script>
		<!--<script src="js/vconsole.min.js"></script>-->
	</body>
</html>
